<template>
    <div class="col-lg-6 preview" style="max-height: 995px;min-height: 995px;">
        <h1 class="title mousetrap" v-html="article.title"></h1>
        <div class="content mousetrap" v-html="article.content | marked">
        </div>
    </div>
</template>
<style>
    .day-mode .preview {
        background-color: #fcfaf2;
        color: #b1b1b1;
        overflow-y: auto;
    }
    .night-mode .preview {
        background-color: #4c4c4c;
        color: #b1b1b1;
        overflow-y: auto;
    }
    .preview .title {
        margin-bottom: 20px;
    }
    .preview .content {
        word-wrap: break-word;
    }
</style>
<script>
    export default{
        vuex:{
            getters:{
                article: ({articleWrite}) => articleWrite.item
            }
        }
    }
</script>
